// Created by Chee Hwa

var spinMeCtrl = MajorProjectSenchaTouch.app.getController('Main');

Ext.define("MajorProjectSenchaTouch.view.SpinMeModule.SpinMe", {
	extend: 'Ext.Container',
	xtype: 'spinmepage',	
	config: {
		ref: {
			navView: 'mainNavView',
		},
        cls: 'backgroundRightPanel',
		styleHtmlContent: true,
		title: 'Spin Me!',
		layout: 'vbox',
		items: [{
            xtype: 'panel',
			id: 'topPanel',
			height: 100,
			flex: 1,
			scrollable: 'vertical',	
			style: 'indicator:false',
			autoPaging: true,
			config: {
				activeItem: 100,
			},
            items: [{
				itemId: 'spinMeItems',
				xtype: 'label',
				html: "<div id='spinMeItems'>Loading...</div>"
			}]
		},
		{
			xtype: 'spacer',
			height: 10
		},
		{
			xtype: 'panel',
			id: 'middlePanel',
			flex: 2,
			html: 'Select for 5 Quick Picks!',
		}]
	},
	initialize: function () {
		MajorProjectSenchaTouch.app.getController('Main').showAllInSpinMe();
	}
});
// topPanel.setActiveItem('Open Shelf');
// topPanel.setActiveItem('Music');